Modality 模態

模態是一種設計技術,呈現獨立的內容檢視,並暫時阻止與父檢視的互動,直到使用者執行明確的操作來關閉它。模態檢視有助於確保使用者注意到關鍵資訊,執行特定任務,或專注於複雜操作。

模態內容的應用場景

在不同平臺上,可以使用不同的元件來呈現模態體驗,例如:

最佳實踐

僅在明確有益時呈現模態內容:模態體驗會中斷當前上下文,並要求使用者採取操作來關閉它。因此,模態應僅用於幫助使用者專注或做出影響裝置或內容的決策時。

保持模態任務簡單、短小和流暢:如果模態任務過於複雜,使用者可能會失去對原任務的上下文。儘量避免在模態檢視中展示過多內容,確保使用者能快速完成任務並返回主任務。

避免模態體驗成為“應用中的應用”:如果模態任務包含子檢視,應提供單一的路徑來引導使用者完成任務,並避免建立複雜的層次結構。過多的檢視層級可能讓使用者忘記如何返回主介面。

對複雜任務或深入內容使用全屏模態:全屏模態可以減少干擾,適用於展示影片、照片或多步驟任務(如文件標註或圖片編輯)。在visionOS中,模態視窗可以在共享空間中擴充套件至全屏,提供更為沉浸的體驗。

提供明顯的關閉模態檢視的方法:符合平臺習慣是最好的設計方式。例如,在iOS、iPadOS和watchOS中,使用者通常會尋找導航欄按鈕或透過下滑關閉模態檢視;而在macOS和tvOS中,使用者期望在主內容檢視中找到關閉按鈕。

防止資料丟失,必要時確認操作:如果關閉模態檢視可能導致使用者生成的資料丟失,應給出明確提示並提供儲存選項。例如,在iOS中,可以使用動作表(Action Sheet)詢問使用者是否儲存內容。

讓使用者清楚當前的模態任務:當使用者進入模態檢視時,他們暫時離開了之前的上下文。透過提供標題或簡短的描述,幫助使用者理解模態檢視的任務和內容。

在展示新模態檢視前允許關閉當前模態:同時顯示多個模態檢視容易造成視覺混亂,並增加使用者的認知負擔。儘量避免模態檢視疊加出現,尤其不要讓多個警告框(Alert)同時顯示。